$prefix: x-;

// Color
$primary-color : #45b984;
$primary1-color : fade($primary-color, 45%);
$primary2-color : fade($primary-color, 15%);
$link-color : $primary-color;
$blue-color : #3B91FF; //info
$green-color : #13CE66; //success
$yellow-color : #FFAE00; //warn
$red-color : #E11617; //error
$white-color : #ffffff;

//Dark, Gray 1-4 more
$dark-color: #333333;
$dark1-color: #555555;
$dark2-color: #666666;
$dark3-color: #777777;
$dark4-color: #999999;

$gray-color: #c1c1c1;
$gray1-color: #d3d3d3;
$gray2-color: #eeeeee;
$gray3-color: #f3f3f3;
$gray4-color: #f5f5f5;

//hover
$hover-background-color: $gray2-color;

$highlight-background-color: $primary2-color;

//tag
$tag-background-color: $gray4-color;
$tag-border-color: $gray2-color;

//font-size
$font-size : 14px;
$font-size-mini : 13px;
$font-size-input : $font-size-mini;
$font-size-input-tag : 13px;
$font-size-badge : 12px;

$font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
$line-height : 1.5;

$button-size-normal-padding: 8px 15px;
$button-size-l-padding: 10px 20px;
$button-size-m-padding: 7px 16px;
$button-size-s-padding: 5px 10px;
$button-size-xs-padding: 2px 6px;

// Input
$input-height : 30px;

//border
$border-color: $gray2-color;
$border: 1px solid $gray2-color;

//disabled
$disabled-cursor: not-allowed;
$disabled-color: $dark4-color;
$disabled-border-color: $gray1-color;
$disabled-background-color: $gray4-color;

//radius
$border-radius : 4px;
$btn-border-radius: 4px;

//box-shadow
$box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
$box-shadow-input: 0 0 0 2px fade($primary-color, 20%);
$box-shadow-error-input: 0 0 0 2px fade($red-color, 20%);
$box-shadow-button: 0 1px 1px 0 $gray2-color;
$box-shadow-notify: 0 5px 10px rgba(0, 0, 0, 0.1);
$box-shadow-dropdown : 0 5px 10px rgba(0, 0, 0, 0.1);
$box-shadow-select-dropdown: 0 1px 6px rgba(0, 0, 0, 0.2);

//switch
$switch-hight: 26px;
$min-switch-height: 18px;

//dropdown,tooltip触发的el添加相关class
$pop-ref-prefix: h-pop-trigger;
$icon-prefix: h-icon-;
// Z-index
$zindex-loading : 8;
$zindex-affix : 10;
$zindex-backtop : 10;
$zindex-select : 1000;
$zindex-dropdown : 1000;
$zindex-modal : 1000;
$zindex-notify : 1000;
$zindex-notice : 1000;
$zindex-tooltip-edit: 1000;
$zindex-message : 1010;
$zindex-tooltip : 1060;
$zindex-loading-fullscreen : 2000;
$zindex-loading-bar : 2000;
// Animation
$animation-time : .3s;
$transition-time : .2s;

// panel
$panel-space: 10px;

$layout-header-height: 64px;
$layout-sider-width: 200px;
$layout-sider-collapse-width: 70px;

$menu-dark-color: $dark-color;
$menu-white-background-color: $primary2-color;

// skeleton
$skeleton-bg: $gray4-color;
$skeleton-height: 16px;